<div class="layui-form layui-layer-outerbox">
    <div class="layui-form-item">
        <label class="layui-form-label"><span style="color:red">*</span> 商品名称</label>
        <div class="layui-input-block">
            <input type="hidden" name="{{makeElUniqueName('goods_id')}}" value="{{ isset($role)?$role->id:'' }}">
            <input type="text" name="{{makeElUniqueName('goodss_name')}}" value="{{ isset($role)?$goods->name:'' }}" required lay-verify="required" placeholder="商品的名称，必填（*）" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label"><span style="color:red">*</span> 商品数量</label>
        <div class="layui-input-block">
            <input type="hidden" name="{{makeElUniqueName('id')}}" value="{{ isset($goods)?$role->id:'' }}">
            <input type="text" name="{{makeElUniqueName('goods_number')}}" value="{{ isset($goods)?$goods->number:'' }}" required lay-verify="required" placeholder="商品的数量，必填（*）" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label"><span style="color:red">*</span> 商品价格</label>
        <div class="layui-input-block">
            <input type="hidden" name="{{makeElUniqueName('id')}}" value="{{ isset($goods)?$role->id:'' }}">
            <input type="text" name="{{makeElUniqueName('goods_number')}}" value="{{ isset($goods)?$role->goods:'' }}" required lay-verify="required" placeholder="商品的价格，必填（*）" autocomplete="off" class="layui-input">
        </div>
    </div>
<div class="layui-form-item layui-form-center" style="margin-top:20px">
    <button class="layui-btn" lay-submit lay-filter="{{makeElUniqueName('goods_save')}}">保存</button>
    <button class="layui-btn layui-btn-primary" onclick="layer.close(layui.popLayerUtil.index);">关闭</button>
</div>
</div>

<script>
    layui.use(['form', 'validator'], function(){
        var form = layui.form();
        var $ = layui.jquery;
        var popLayerUtil = layui.popLayerUtil;
        //按layui的要求，如果要生成表单select/checkbox这些，必须先调用form.render()方法
        form.render();

        //所有ajax请求的api，都必须放到/backstage/api下面，避免被CSRF拦截
        form.on('submit({{makeElUniqueName('goods_save')}})', function(data){
            var index = layer.load(1);
            var url = '/backstage/api/goods/savenew';
            var postParam = {
                name: data.field['{{makeElUniqueName('goods_name')}}'],
                description: data.field['{{makeElUniqueName('goods_desc')}}'],
            };
            var roleId = data.field['{{makeElUniqueName('goods_id')}}'];
            if (roleId != '') {
                //修改
                url = '/backstage/api/doods/update';
                postParam.id = roleId;
            }
            $.ajax({
                contentType: "application/json",
                type: 'post',
                url: url,
                data: JSON.stringify(postParam),
                success: function (outResult) {
                    layer.close(index);
                    if (outResult.Success) {
                        layer.msg(outResult.Message, { icon: 6 });
                        layer.close(popLayerUtil.index);
                        //利用自定义的扩展popLayerUtil，来实现关闭当前layer的效果
                        //popLayerUtil定义了一个回调函数onClose，可以在创建layer的时候设置该回调函数
                        //一旦前面执行完毕，则开始执行此回调，回调可以做一些动作，比如新增记录后重新刷新网格
                        popLayerUtil.onClose();
                    } else {
                        layer.msg(outResult.Message, { icon: 5 });
                    }
                },
                error: function (error) {
                    layer.close(index);
                    layui.validator.processValidateError(error);
                }
            });
            return false;
        });
    });
</script>
